<!--  -->
<template>
  <div class="typeConditions">
      <span>{{scriptItem.hint}}</span>
      <el-switch v-model="dataForm[scriptItem.text]"
             :active-text="scriptItem.active"
             @change="switchChange"
             :inactive-text="scriptItem.inactive"
             :disabled="scriptItem.disabled">
  </el-switch>
  </div>

</template>

<script>
import mixinTypeViewModule from '@/mixins/script-type-view-module'

export default {
  mixins: [mixinTypeViewModule],
  data () {
    return {

    }
  },
  methods: {
    switchChange () {
      this.$forceUpdate()
    }
  }
}
</script>

<style lang="scss">
.typeConditions{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
